<template>
  <div class="home">
    <!--自己写的头部组件-->
    <m-Header :a="0"></m-Header>
    <!--导航选项-->
    <div>
      <div class="channel-bar ">
        <ul class="d-flex f-wrap top-bar">
          <li><a href="">新闻</a></li>
          <li><a href="">娱乐</a></li>
          <li><a href="">体育</a></li>
          <li><a href="">财金</a></li>
          <li><a href="">图片</a></li>
          <li><a href="">汽车</a></li>
          <li><a href="">新闻</a></li>
          <li><a href="">军事</a></li>
          <li><a href="">直播</a></li>
          <li><a href="">视频</a></li>
          <li><a href="">科技</a></li>
        </ul>
        <span class="toggle-btn d-flex jc-center">^</span>
      </div>
      <!--引入内容组件-->
      <!--今日要闻-->
      <m-Nav :spt="d" :cotary="d.cote"></m-Nav>
      <!--体育-->
      <m-Nav :spt="b" :cotary="b.cote"></m-Nav>
      <!--娱乐-->
      <m-Nav :spt="f" :cotary="f.cote"></m-Nav>
      <!--财经-->
      <m-Nav :spt="g" :cotary="g.cote"></m-Nav>
      <!--本地-->
      <m-Local :spt="n" ></m-Local>
      <!--网易号-->
      <m-Nav :spt="h" :cotary="h.cote"></m-Nav>
      <!--汽车-->
      <m-Nav :spt="l" :cotary="l.cote"></m-Nav>
      <!--科技-->
      <m-Nav :spt="m" :cotary="m.cote"></m-Nav>
    </div>

  </div>
</template>

<script>
export  default{
  name: 'Home',
  data(){
    return {
        b:{//穿给子组件的体育
            title:"体育",
            name:[
               "赛事","NBA","中超","CBA"
            ],
           cote:"sports",
        },
       d:{//传给子组件的今日要闻
        title:"今日要闻",
        name:[],
        cote:"toutiao",
      },
      e:{//传给子组件的娱乐
        title:"娱乐",
        name:[
          "电视","电影","明星"
        ],
        cote:"ent",
      },
      f:{//传给子组件的军事
        title:"军事",
        name:[
          "军品","军情"
        ],
        cote:"war",
      },
      g:{//传给子组件的财经
        title:"财经",
        name:[
          "股票","基金","商业"
        ],
        cote:"money",
      },
      h:{//传给子组件的网易号
        title:"网易号",
        name:[
          "每日推荐"
        ],
        cote:"dy",
      },
      l:{//传给子组件的汽车
        title:"汽车",
        name:[
          "汽车观察","每日易乐"
        ],
        cote:"auto",
      },
      m:{//传给子组件的科技
        title:"科技",
        name:[
          "科学","智能"
        ],
        cote:"tech",
      },
      n:{//传给子组件的本地
        title:"本地南宁",
        name:[
          "选择城市"
        ],
      },
    }
  },
  methods:{

  },
  computed:{

  },
  created() {

  }
}

</script>
